<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/bulma/1.0.1/css/bulma.min.css" rel="stylesheet">
    <title>调查项列表</title>
    <script src="./javascripts/list_items.js"></script>
</head>

<body>
  <div class="container">
    <div class="columns">
      <div class="column is-8 is-offset-2">
        <h1 class="title">调查列表</h1>
          <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
            <thead>
              <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
                <th>职业</th>
                <th>爱好</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="list-items">
            </tbody>
          </table>
          <nav class="pagination" role="navigation" id="pagination" aria-label="pagination">
            <button class="pagination-previous">前一页</button>
            <button class="pagination-next">后一页</button>
            <ul class="pagination-list" id="pagination-list">
              <li>
                <a href="#" class="pagination-link" aria-label="Goto page 1">1</a>
              </li>
              <li>
                <span class="pagination-ellipsis">&hellip;</span>
              </li>
              <li>
                <a href="#" class="pagination-link" aria-label="Goto page 45">45</a>
              </li>
              <li>
                <a
                  class="pagination-link is-current"
                  aria-label="Page 46"
                  aria-current="page"
                  >46</a
                >
              </li>
              <li>
                <a href="#" class="pagination-link" aria-label="Goto page 47">47</a>
              </li>
              <li>
                <span class="pagination-ellipsis">&hellip;</span>
              </li>
              <li>
                <a href="#" class="pagination-link" aria-label="Goto page 86">86</a>
              </li>
            </ul>
          </nav>
      </div>
    </div>
  </div>
</body>

</html>